- @selected = 'make'
#make
  .head
    .titleText 正在制作
    %input.projectName{ :value => '填入名称' }
    .buttons
      %input.download{ :type => :button, :value => "下载" }
      %input.archive{ :type => :button, :value => "归档" }
  .clear
  .makeZone
    .comList
      .component
        .name 福音堂青年聚会
        .pages 1
        .clear
      .component.current
        .name 云上太阳
        .pages 4
        .clear
      .component
        .name 有福
        .pages 4
        .clear
        .hoverMenu.hidden
          %img.add{ :src => 'images/add.gif' }
          %img.moveup{ :src => 'images/moveup.gif' }
          %img.movedown{ :src => 'images/movedown.gif' }
          %img.remove{ :src => 'images/remove.gif' }
        
    .comEdit
      .row
        .label 标题
        .control
          %input.title
      .row
        .label 模板
        .control
          %input.resources
      .row
        .label 内容
        .control
          %textarea.body{ :cols => 60, :rows => 10 }
      .buttons
        %input.save{ :type => :button, :value => "保存" }
        %input.clear{ :type => :button, :value => "清除" }
  .clear

%script{ :language => 'javascript' }
  :plain
    var jqHoverMenu = $('.hoverMenu');
    var inHoverMenu = false;

    $('.component').hover(function () {
      var jq = $(this);
      jq.append(jqHoverMenu);
      jqHoverMenu.show();
      jq.addClass('active');
    }, function () {
      var jq = $(this);
      jqHoverMenu.hide();
      jq.removeClass('active');
    });

    $('.save').click( showMask );
